<template>
	<view class="root">
		<view class="loginTop">
			<view style="margin-top: 20rpx;">
				欢迎来到车辆综合服务平台商家端
			</view>
			<view class="clear">
				<input type="text" v-model="phone" placeholder="请输入手机号"/>
			</view>
			<view class="clear yan">
				<input type="text" v-model="code" placeholder="请输入验证码"/>
				<view>
					获取验证码
				</view>
			</view>
			<view @click="registerCustomer()">立即注册</view>
		</view>
		<view class="loginBottom">
			<button @click="dengSubmit()">登录</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				phone:"",
				code:""
			}
		},
		methods: {
			registerCustomer() {
				//跳转注册页面
				uni.navigateTo({
					url:"/pages/register/register"
				})
			},
			//登录成功后跳转主页面
			dengSubmit(){
				
				uni.redirectTo({
					url:"/pages/homepage/homepage"
				})
			}
		}
	}
</script>

<style>

	.loginTop{
		width: 100%;
		height: 500rpx;
	}
	.loginTop input{
		margin-top: 25rpx;
		margin-left:40rpx;
		height: 60rpx;
		border-bottom: 1px solid rgba(0,0,0,0.2);
	}
	.loginTop>view:first-child{
		height: 100rpx;
		font-size: 35rpx;
		font-weight: 550;
		letter-spacing: 6rpx;
		margin-left: 30rpx;
	}
	.loginTop>view:last-child{
		margin-left: 40rpx;
		margin-top: 20rpx;
		color: deepskyblue;
	}
	.clear{
		height: 100rpx;
		line-height: 100rpx;
	}
	.yan{
		position: relative;
	}
	.yan>view{
		position: absolute;
		text-align: center;
		margin: 0 auto;
		top: -30rpx;
		right: 30rpx;
		width: 170rpx;
		height: 100rpx;
		font-size: 30rpx;
		color: rgba(0, 0, 0, 0.5);
	}
	button{
		background-color: deepskyblue;
		color: white;
	}
	.loginBottom>button{
		width: 90%;
	}
	
</style>